<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1986880_jznls6pwh8i.css">
    <link rel="stylesheet" href="../../css/normalize.css">
    <link rel="stylesheet" href="../../css/common.css">
    <title>审核失败</title>
    <style>
        .info{
            width: 100%;
            height: auto;
            overflow: hidden;
            background: #FFFFFF;
            border-radius: 5px;
            margin: 20px 0;
        }
        .info .setup{
            width: 100%;
            height: auto;
            overflow: hidden;
            padding: 40px 300px;
            position: relative;
        }
        .info .setup .item{
            width:200px;
            height: auto;
            position: relative;
            z-index: 20;
        }
        .info .setup .item .cirle{
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background: #D5D5D5;
            border-radius: 50%;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: bold;
            color: #FFFFFF;
            margin: 0 auto 10px;
        }
        .info .setup .item  .txt{
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .info .setup .item.active .cirle{
            background-color: #4C9AFE;
        }
        .info .setup .item.active .txt{
            color: #4C9AFE;
        } 
        .info .setup .line{
            width: 100px;
            height: 2px;
            background-color: #D5D5D5;
            position: absolute;
            top: 65px;
            z-index: 10;
        }
        .info .setup .line.active{
            background-color: #4C9AFE;
        }
        .info .setup .l1{
            left: 400px;
        }
        .info .setup .l2{
            left: 500px;
        }
        .info .setup .l3{
            left: 600px;
        }
        .info .setup .l4{
            left: 700px;
        }
        .audit-result{
            width: 100%;
            overflow: hidden;
            padding: 0 40px;
        }
        .audit-result .title{
            width: 100%;
            text-align: left;
            font-size: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .audit-result .txt{
            width: 100%;
            padding: 30px 38px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FF0202;
        }
        /* 提交表单 */
        .form-data{
            width: 100%;
            height: auto;
            padding: 0 40px;
            overflow: hidden;
        }
        .form-data .title{
            width: 100%;
            overflow: hidden;
        }
        .form-data .title .line{
            width: 3px;
            height: 20px;
            background: #4C9AFE;
            border-radius: 2px;
            margin-right: 10px;
        }
        .form-data .title .txt{
            font-size: 20px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
        }
        .form-data .audit-status{
            width: 100%;
            height: 38px;
            text-align: center;
            line-height: 38px;
            background: #FFE1E1;
            font-size: 14px;
            font-weight: 400;
            color: #FF0000;
            margin-top: 20px;
        }
        .form-data .list{
            width: 846px;
            overflow: hidden;
            padding-top: 20px;
        }
        .form-data .list .item{
            width: 50%;
            height: auto;
            overflow: hidden;
            margin-bottom: 20px;
        }
        .form-data .list .itemfill{
            width: 100%;
        }
        .form-data .list .item .lable{
            width: 100px;
            line-height: 36px;
        }
        .form-data .list .item .right{
            line-height: 36px;
        }
        .form-data .list .item .right label{
            margin-right: 20px;
            font-size: 14px;
            font-weight: 400;
            color: #999999;
        }
        .form-data .list .item .right .ipt[checked] + label{
            color: #4C9AFE;
        }
        .form-data .list .item  .ipt{
            width: 270px;
            height: 36px;
            background: #FFFFFF;
            border: 1px solid #D5D5D5;
            border-radius: 5px;
            padding: 0 20px;
        }
        .form-data .list .chose-list{
            width: 740px;
            height: auto;
            padding-top: 5px;
        }
        .form-data .list .chose-list .chose-item {
            width: auto;
            height: 28px;
            padding: 0 10px;
            text-align: center;
            line-height: 28px;
            background: #F5F5F5;
            border-radius: 5px;
            margin: 0 8px 16px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            cursor: pointer;
        }
        .form-data .list .chose-list .chose-item.active{
            background-color: #4C9AFE;
            color: #fff;
        }
        .form-data .select-list{
            width: 740px;
            height:auto;
        
        }
        .form-data .select-list .select-box{
            width: 25%;
            height: 36px;
            padding: 0 10px;
        }
        .form-data .select-list .select-box:first-child{
            padding-left: 0;
        }
        .form-data .select-list .select-box select{
            width: 100%;
            height: 100%;
            background: #FFFFFF;
            border: 1px solid #D5D5D5;
            border-radius: 5px;
            padding: 0 10px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
        }
        .form-data .select-list .select-box select:focus{
            outline: none;
        }
        .form-data textarea{
            width: 746px;
            height: 90px;
            background: #FFFFFF;
            border: 1px solid #D5D5D5;
            border-radius: 5px;
            padding: 10px 20px;
            font-size: 14px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #222;
            resize: none;
            box-sizing: border-box;
        }
        .form-data textarea::placeholder{
            color: #999999;
        }
        .form-data .up-list{
            padding: 10px 0;
            height: auto;
        }
        .form-data .up-list .up-item{
            width: 90px;
            height: 90px;
            position: relative;
            margin-right: 20px;
        }
        .form-data .up-list .up-item .pic{
            width: 90px;
            height: 90px;
        }
        .form-data .up-list .up-item .iconfont{
            position: absolute;
            right: -5px;
            top: -5px;
            font-size: 14px;
            color: #4C9AFE;
            cursor: pointer;
        }
        .up-btn{
            width: 90px;
            height: 90px;
            padding: 20px;
            background-image: url('../../images/uppic.png');
            background-size: 100% 100%;
            overflow: hidden;
            cursor: pointer;
        }
        .up-btn input{
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
        }
        .form-data .btn{
            width: 128px;
            height: 38px;
            text-align: center;
            line-height: 38px;
            background: #4C9AFE;
            border-radius: 5px;
            margin: 0 auto 20px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #FFFFFF;
            cursor: pointer;
        }
    </style>
</head>

<body>
    <div id="root">
        <div class="header">
            <div class="wrapper">
                <div class="row topmenus">
                    <div class="col header-address fl">
                        <i class="iconfont icondingweiweizhi"></i>
                        <span class="txt">郑州</span>
                        <i class="iconfont icondown-hollow"></i>
                    </div>
                    <div class="col header-menuns fr">
                        <a href="" class="txt fr">手机APP</a>
                        <a href="" class="txt fr">律师入驻</a>
                        <a href="" class="notice fr">
                            <i class="iconfont icontongzhi"></i>
                            <div class="cirle"></div>
                        </a>
                        <div class="lg fr txt">
                            欢迎，请
                            <a href="https:www.baidu.com" class="login">登录</a>
                            ｜ <a href='' class='resign'>免费注册</a>
                        </div>
                    </div>
                </div>
                <div class="header-middle">
                    <img class="logo fl" src="../../images/lawyer.png" alt="">
                    <div class="downs fr">
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">安卓</div>
                        </div>
                        <div class="down-url fl">
                            <img class="down-pic" src="../../images/lawyer.png" alt="">
                            <div class="txt">苹果</div>
                        </div>
                    </div>
                    <div class="search fr">
                        <div class="ipt-search fl">
                            <input class="ipt" type="text" placeholder="请输入您想要搜索的内容">
                            <i class="iconfont iconsousuo"></i>
                        </div>
                        <div class="btn-search fl">
                            <i class="iconfont iconbianji"></i>
                            <span>提问</span>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="menus">
                        <a class="item fl">
                            <span>法律咨询</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>找律师</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a class="item fl">
                            <span>律师说法</span>
                            <i class="iconfont iconf11"></i>
                        </a>
                        <a href='' class="item fl">
                            <span>律师问答</span>
                        </a>
                        <a href='' class="item fl">
                            <span>合同下载</span>
                        </a>
                        <a href='' class="item fl">
                            <span>法律知识</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="wrapper">
                <div class="info">
                    <div class="setup">
                        <div class="item fl active">
                            <div class="cirle">1</div>
                            <div class="txt">完成手机注册</div>
                        </div>
                        <div class="item fl">
                            <div class="cirle">2</div>
                            <div class="txt">填写执业信息，提交审核</div>
                        </div>
                        <div class="item fl">
                            <div class="cirle">3</div>
                            <div class="txt">审核通过，开始接单</div>
                        </div>
                        <div class="line l1 active"></div>
                        <div class="line l2"></div>
                        <div class="line l3"></div>
                        <div class="line l4"></div>
                    </div>
                    <div class="audit-result">
                        <div class="title">审核未通过</div>
                        <div class="txt">未通过原因：证件图片不够清晰</div>
                    </div>
                    <div class="form-data">
                        <div class="title">
                            <div class="line fl"></div>
                            <div class="txt fl">提交服务方信息</div>
                        </div>
                        <div class="audit-status">未通过～</div>
                        <div class="list">
                            <div class="item fl">
                                <div class="lable fl">真实姓名</div>
                                <input type="text" class="ipt fl" placeholder="请输入姓名">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">性别</div>
                                <div class="right fl">
                                    <input type="radio" checked name="man" id="man" value="man"/><label for="man">男</label>  
                                    <input type="radio" name="man" id="woman" value="woman"/><label for="woman">女</label>
                                </div>
                            </div>
                            <div class="item fl">
                                <div class="lable fl">手机号</div>
                                <input type="tel" class="ipt fl" placeholder="请输入手机号">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">教育背景</div>
                                <input type="text" class="ipt fl" placeholder="请输入手机号">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">执业年限</div>
                                <input type="text" class="ipt fl" placeholder="请输入执业年限">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">服务时间</div>
                                <input type="date" class="ipt fl" placeholder="请选择服务时间">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">执业年限</div>
                                <input type="text" class="ipt fl" placeholder="请输入执业年限">
                            </div>
                            <div class="item fl">
                                <div class="lable fl">办公地点</div>
                                <input type="text" class="ipt fl" placeholder="请选择服务时间">
                            </div>
                            <div class="item itemfill fl">
                                <div class="lable fl">业务专长</div>
                                <div class="chose-list fl">
                                    <div class="chose-item active fl">国际贸易</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭婚姻家庭婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                    <div class="chose-item fl">婚姻家庭</div>
                                </div>
                            </div>
                            <div class="item itemfill fl">
                                <div class="lable fl">服务区域</div>
                                <div class="select-list">
                                    <div class="select-box fl">
                                        <select name="" id="">
                                            <option value="1">河南省</option>
                                            <option value="1">浙江省</option>
                                        </select>
                                    </div>
                                    <div class="select-box fl">
                                        <select name="" id="">
                                            <option value="1">郑州市</option>
                                            <option value="1">新郑市</option>
                                        </select>
                                    </div>
                                    <div class="select-box fl">
                                        <select name="" id="">
                                            <option value="1">二七区</option>
                                            <option value="1">中原区</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="item itemfill fl">
                                <div class="lable fl">个人简介</div>
                                <textarea name="" placeholder="请输入个人简介"></textarea>
                            </div>
                            <div class="item itemfill fl">
                                <div class="lable fl">职业照上传</div>
                                <div class="up-list fl">
                                    <div class="up-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <i class="iconfont iconguanbi1"></i>
                                    </div>
                                    <div class="up-btn fl" title='上传文件'>
                                        <input type="file">
                                    </div>
                                </div>
                            </div>
                            <div class="item itemfill fl">
                                <div class="lable fl">执业证上传</div>
                                <div class="up-list fl">
                                    <div class="up-item fl">
                                        <img src="../../images/lawyer.png" class="pic">
                                        <i class="iconfont iconguanbi1"></i>
                                    </div>
                                    <div class="up-btn fl" title='上传文件'>
                                        <input type="file">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="btn">重新填写</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer-main">
                <div class="wrapper">
                    <div class="menus">
                        <a class="item fl" href="">关于我们</a>
                        <a class="item fl" href="">通知公告</a>
                        <a class="item fl" href="">意见反馈</a>
                        <div class="item fl">客服邮箱：KeFu12455@qq.com</div>
                        <a class="item fl">客服电话：400-902-9980</a>
                    </div>
                    <div class="downs">
                        <div class="item fl">
                            <div class="title">公众服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">找律师</a>
                                    <a class="link-url-item" href="">问律师</a>
                                    <a class="link-url-item" href="">学法规</a>
                                    <a class="link-url-item" href="">合同下载</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">用户APP下载地址</div>
                                        <div class="info-b">快速找律师/在线咨询</div>
                                        <div class="info-c">差法律知识/查看解答/随时追问</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item fr">
                            <div class="title">律师服务</div>
                            <div class="links">
                                <div class="link-url fl">
                                    <a class="link-url-item" href="">律师加盟</a>
                                    <a class="link-url-item" href="">律师营销</a>
                                    <a class="link-url-item" href="">在线接单</a>
                                    <a class="link-url-item" href="">多人协作</a>
                                </div>
                                <div class="link-codes fl">
                                    <img class="codes fl" src="../../images/lawyer.png" alt="">
                                    <div class="codes-info fl">
                                        <div class="info-a">律师APP下载地址</div>
                                        <div class="info-b">营销分析/回复咨询</div>
                                        <div class="info-c">案件洽谈/异地协查</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-beian">
                <div class="wrapper">
                    律师网版权所有 20205-2020 粤ICP备10231287号-5 粤公安网安备 44010602222号 增值电信业务经营许可证(ICP)粤B2-20100586
                </div>
            </div>
        </div>
    </div>
</body>

</html>